<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:jsf="http://xmlns.jcp.org/jsf" xmlns:p="http://primefaces.org/ui">
<f:view>
	<f:metadata>
		<f:viewAction action="#{menuMB.updateMenu(10)}" />
	</f:metadata>
	<ui:composition template="/WEB-INF/templates/defaultLayout.xhtml">

		<!-- Definiendo la cabecera de la pagina -->
		<ui:define name="title">
			<h:outputText value="Boveda" />
		</ui:define>

		<!-- Definiendo el cuerpo de la pagina -->
		<ui:define name="content">
			<h:outputStylesheet library="css" name="main.css" />

			<br />
			<div>
				<div>
					<div class="p6n-api-consent-screen-title">Administrar Boveda</div>
					<br />
					<div>
						<h:form id="formToolbar">
							<div class="buttons">
								<div class="tiptip">
									<h:link outcome="/jefeCaja/boveda/operaciones/open"
										includeViewParams="true" styleClass="button left" onfocus="$(this)">
										<span class="icon icon123">&nbsp;</span>
										<span class="label">Abrir Boveda</span>
										<f:param name="idboveda"
											value="#{administrarBovedaBean.idboveda}" />
									</h:link>
									<h:link outcome="/jefeCaja/boveda/operaciones/close"
										includeViewParams="true" styleClass="button right">
										<span class="icon icon122">&nbsp;</span>
										<span class="label">Cerrar Boveda</span>
										<f:param name="idboveda"
											value="#{administrarBovedaBean.idboveda}" />
									</h:link>
									<p:commandLink
										actionListener="#{administrarBovedaBean.desactivarMovimiento()}"
										update=":formTablaBoveda:tblBoveda" styleClass="button left"
										title="Congelar Boveda">
										<p:confirm header="Confirmation"
											message="¿Estas seguro de Congelar la boveda?"
											icon="ui-icon-alert" />
										<span class="icon icon125"></span>
										<span class="label">Congelar</span>
									</p:commandLink>
									<p:commandLink
										actionListener="#{administrarBovedaBean.activarMovimiento()}"
										update=":formTablaBoveda:tblBoveda" styleClass="button right"
										title="Descongelar Boveda">
										<p:confirm header="Confirmation"
											message="¿Estas seguro de Descongelar la boveda?"
											icon="ui-icon-alert" />
										<span class="icon icon126"></span>
										<span class="label">Descongelar</span>
									</p:commandLink>

									<p:commandLink action="create?faces-redirect=true"
										styleClass="button left" title="Nueva bóveda">
										<span class="icon icon3"></span>
										<span class="label">Nuevo</span>
									</p:commandLink>
									<p:commandLink
										actionListener="#{administrarBovedaBean.deleteBoveda()}"
										update=":formTablaBoveda" styleClass="button right"
										title="Eliminar Boveda">
										<p:confirm header="Confirmation"
											message="Estas seguro de eliminar la boveda?"
											icon="ui-icon-alert" />
										<span class="icon icon186"></span>
										<span class="label">Eliminar</span>
									</p:commandLink>
								</div>
								<div>
									<p:confirmDialog global="true">
										<p:commandButton value="Si" type="button"
											styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
										<p:commandButton value="No" type="button"
											styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
									</p:confirmDialog>
								</div>								
							</div>
						</h:form>
						<h:form id="formTablaBoveda">
							<div style="margin: 5px;">
								<p:dataTable id="tblBoveda" var="boveda"
									value="#{administrarBovedaBean.tablaBoveda.rows}"
									selectionMode="single"
									selection="#{administrarBovedaBean.tablaBoveda.selectedRow}"
									rowKey="#{boveda}" rowIndexVar="row">

									<p:ajax event="rowSelect"
										listener="#{administrarBovedaBean.setRowSelect()}"
										update=":formToolbar" />

									<p:column headerText="Nro" width="5%"
										style="text-align:center;">
										<h:outputText value="#{row + 1}" />
									</p:column>

									<p:column headerText="Denominacion">
										<h:outputText value="#{boveda.denominacionBoveda}" />
									</p:column>
									<p:column headerText="Moneda">
										<h:outputText value="#{boveda.denominacionTipomoneda}" />
									</p:column>
									<p:column headerText="Estado Apertura" width="200">
										<h:outputText value="#{boveda.denominacionEstadoapertura}" />
									</p:column>
									<p:column headerText="Estado Movimiento" width="200">
										<h:outputText value="#{boveda.denominacionEstadomovimiento}" />
									</p:column>
									<p:column headerText="Saldo" width="80">
										<h:outputText value="#{boveda.saldo}" />
									</p:column>
									<p:column headerText="STATUS">
										<h:button value="Edit" outcome="update"
											styleClass="action green" style="margin: 0px;"
											target="_blank">
											<f:param name="idboveda" value="#{boveda.idBoveda}" />
										</h:button>
									</p:column>
								</p:dataTable>
							</div>
						</h:form>

					</div>
				</div>
			</div>
		</ui:define>

	</ui:composition>
</f:view>
</html>